@mixin flex($x: flex-start, $y: stretch, $z: row) {
    display: flex;
    flex-direction: $z;
    justify-content: $x;
    align-items: $y;
}

@mixin text-overflow($line: 1) {
    text-overflow: ellipsis;
    overflow: hidden;
    @if ($line == 1) {
        white-space: nowrap;
    } @else {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: $line;
    }
}
